<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>360商城</title>
		<script src="./Public/Home/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./Public/Home/js/index.js" type="text/javascript" charset="utf-8"></script>
  		<script type="text/javascript" charset="utf-8" src="Public/Home/js/jquery.leanModal.min.js"></script>
  		<script src="./Public/Home/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="Public/Home/css/index.css">
		<link rel="stylesheet" type="text/css" href="Public/Home/hdjs/hdjs.css">
		<link rel="stylesheet" type="text/css" href="Public/Home/css/list.css">
<!--		<script >-->
<!--			$(function(){-->
<!--				$(".flatbtn").click(function(){-->
<!--					$(".bj").fadeToggle(100);-->
<!--					$(".div").slideToggle(100);-->
<!--				});-->
<!---->
<!--				$(".bj").click(function(){-->
<!--					$(".div").slideToggle(100);-->
<!--					$(".bj").fadeToggle(100);-->
<!---->
<!--				});-->
<!---->
<!--				$(".zq").click(function(){-->
<!--					var a=$(this).text();-->
<!--					$.ajax({-->
<!--						type:"post",-->
<!--						url:'http://localhost/project/360/index.php?m=Home&c=index&a=edl',-->
<!--						data:{cs:a},-->
<!--						dataType:'json',-->
<!--						success:function(db){-->
<!---->
<!--						}-->
<!--					})-->
<!--				});-->
<!---->
<!--				$(".btns").click(function(){-->
<!--					var cs=$(".cs").val();-->
<!---->
<!--					var zq=$(this).text();-->
<!--					alert(zq);-->
<!--					$.ajax({-->
<!--						type:"post",-->
<!--						url:'http://localhost/project/360/index.php?m=Home&c=index&a=edl',-->
<!--						data:{cs:cs},-->
<!--						dataType:'json',-->
<!--						success:function(db){-->
<!---->
<!--						}-->
<!--					})-->
<!---->
<!--				})-->
<!---->
<!--			})-->
<!--		</script>-->
		
	</head>
	<style type="text/css" media="screen">
		.bj{
			width:100%;
			height:100%;
			position:fixed;
			z-index:1000;
			background:rgba(0,0,0,0.5);
			display:none;
		}

		.div{
			width:300px;
			height:300px;
			background:#fff;
			position:fixed;
			z-index:1001;
			left:33%;
			top:50px;
			display:none;
		}
	</style>
	<body>
	<!--  -->
	<div class="div">
		<input type="text" class="cs" name="">
		<input type="text" class="csa" name="">
		<a class="btns title="">提交</a>
	</div>
	<div class="bj"></div>
	<!-- top头部部分开始 -->
		<div id="top">
			<div class="top">
				<div class="right">
					<ul>
						<!-- <li> <a href="javascript:;" title="" class="flatbtn" id="modaltrigger">登录</a></li> -->
												<li class="lis lis1"><a href="" title="">sjh</a>
							<ul>
								<li><a style="color:#24A238;" href="" title="">sjh</a></li>
								<li><a href="">我的订单</a></li>
								<li><a href="">我的喜欢</a></li>
								<li><a href="">收获地址</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=Login&a=out">退出登录</a></li>
							</ul>
						</li>
												<li class="lis"> <a href="" title="">我的订单</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- logo购物车部分开始 -->
		<div id="search">
			<div class="logo">
				<a href="http://localhost/project/360/index.php?m=Home&c=Index&a=index" title=""><img src="./Public/Home/images/logo.png" alt=""></a>
			</div>
			<!-- 搜索框部分开始 -->
			<div class="header_search">
				<div class="form">
					<form action="" method="post" accept-charset="utf-8">
						<input class="input" type="text" name="q" placeholder="360行车记录仪">
						<input class="submit" type="submit" value="">
					</form>
				</div>
								                
				<div class="shopcar">
					<div class="gwc">
						<a href="http://localhost/project/360/index.php?m=Home&c=Cart&a=index" title=""><i></i>我的购物车<span class="numm">(1)</span></a>
					</div>
					<div class="gwchtc">
												<ul>
														<li class="lf">
								<a href="http://localhost/project/360/index.php?m=Home&c=Content&a=index&gid=4"><img src="Upload/Content/16/08/16941472095914.jpg" alt=""></a>
								<span class="much">  360手机Q5 全网通流光金（4GB+128GB)</span>
								<div class="cars">
									￥<span class="picc">1999.00</span>×<span class="numm">1</span><strong class="del" sid="9e801cc4">×</strong>
								</div>
							</li>
														<li class="jss">
								<div class="cart">
									<p>共计<span class="red red1">1</span>件   共<span class="red red2">1999</span>元</p>
								</div>
								<a href="http://localhost/project/360/index.php?m=Home&c=Cart&a=index">去购物车</a>
							</li>

						</ul>
											</div>
				</div>
				
               				<div class="hot">
				<a href="">智能出行伴侣</a><a href="">智能出行伴侣</a><a href="">智能出行伴侣</a>
				</div>
			</div>

			<script>
				$(function () {
					//异步删除购物车中的商品
					$(".del").click(function () {
						var sid=$(this).attr('sid');
						$.ajax({
							type:'post',
							url:'http://localhost/project/360/index.php?m=Home&c=Cart&a=del',
							data:{c:sid},
							dataType:'json',
							success:function (e) {
								var a="("+e.num+")";
								var b='<a href="javascript:;" title="">您的购物车没有东西<span>(0)</span></a>';
								if(e.num==0){
									$(".gwchtc").html(b);
								}else{
									$(".red1").html(e.num);
								}

								$(".numm").html(a);
								$(".red2").html(e.pri);
							}

						});
						$(this).parents('.lf').remove();
					});
				})
			</script>
			
		</div>
		<!-- top购物车部分结束 -->
		<!-- top分类部分开始 -->
		<div id="cate">	
			<div id="top_cate">
			<div class="cate">
				<a href=""> 全部智能酷品</a>
			</div>
			<ul>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=1" title="">手机及配件</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=4" title="">智能手表</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=5" title="">行车记录仪</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=6" title="">电脑设备</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=7" title="">智能机器人</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=19" title="">智能家居</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=20" title="">影音娱乐</a></li>
								<li><a href="http://localhost/project/360/index.php?m=Home&c=List&a=index&cid=21" title="">母婴玩具</a></li>
							</ul>
			</div>
		</div>

	<link rel="stylesheet" href="./Public/Home/css/order.css">
	<script src="./Public/Home/js/area.js"></script>
<?php echo P($_SESSION);?>
	<!-- 公共部分结束 -->
	<div id="content">
		<div class="mall_modw">
			<div class="hd"> 
			<h3>收货地址</h3> 
			<span style="color:red;font-size:14px;padding:10px">温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></div>
			<!-- 地址选择部分 -->
			<div class="bd">
				<div class="init">
					<div class="sec_adr">
						<ul>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="address" checked="">
								<label for="address">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="ad1" checked="">
								<label for="ad1">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
							<li>
								<input class="input-radio" type="radio" name="radio" value="0" id="ad2" checked="">
								<label for="ad2">旺达，河北省 秦皇岛市 青龙满族自治县 123号，13261300664</label>
								<div class="adr">
									编辑
								</div>
							</li>
						</ul>
						<a class="add" href="javascript:;" title="添加新地址" data-monitor="user_address_add"></a>
					</div>
					<div class="address">
						<form action="" method="post">
							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>收货人姓名 </label> 
							<input name="" type="text"  placeholder="收货人姓名" style="width: 230px;height:37px;"> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>地址 </label> 
							<!-- 引入三级地址选择 -->
							<div class="info">
								<div>
									<select name="" id="a1">

									</select>
									<select name="" id="a2">

									</select>
									<select name="" id="a3">

									</select>
							    <div id="show"></div>
							</div>

							<script type="text/javascript">
								$(function(){
									//初始化方法
									area.init('a');
									//修改的时候默认被选中效果
									// area.selected('黑龙江','哈尔滨','道里区');
								})
							</script>
							<!-- 引入三级地址选择结束 -->

							<textarea name="" placeholder="路名街道地址，或门牌号"></textarea> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for="">邮政编码 </label> 
							<input name="" type="text"  placeholder="6位邮政编码" style="width: 230px;height:37px;"> 
							</div>

							<div class="add-row"> 
							<label class="consignee-add-label" for=""> <b>*</b>手机号码 </label> 
							<input name="" type="text"  placeholder="11位手机号码" style="width: 230px;height:37px;"> 
							</div>

							<div class="sub"> 
								<p> 
									<a href="javascript:;" id="consigneeAddBtn" class="save">保存</a> 
									<a href="javascript:;" id="consigneeCancelBtn" class="cancle">取消</a> 
								</p> 
							</div>
							
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="mall_modw">
			<div class="hd"> 
			<h3>支付方式</h3> 
			</div>
			<p>限在线支付</p>
		</div>
		<div class="mall_modw">
			<div class="hd"> 
			<h3>配送方式</h3> 
			</div>
			<p>快递配送，费用5元</p>
		</div>
		<div class="mall_modw">
			<div class="hd"> 
			<h3>商品清单</h3> 
			</div>

			<div id="my_car">
			<div class="car_list">				
					<div class="title">
						<ul>
							<li class="lit">商品信息</li>
							<li>单价</li>
							<li>数量</li>
							<li>合计</li>
						</ul>
					</div>				
			</div>
			<div class="list">
				<?php foreach ($_SESSION['cart']['goods'] as $k=>$v){?>
				<ul>
					<li class="lit">
						<div class="img">
							<img src="<?php echo $v['pic']?>" alt="">
						</div>
						<a href="<?php echo U('Content/index',['gid'=>$v['id']])?>" title=""><?php echo $v['name']?></a>
					</li>
					<li><span><?php echo $v['price']?></span>元</li>
					<li>×<span><?php echo $_SESSION['cart']['total_rows']?></span></li>
					<li class="xj"><span><?php echo $v['total']?></span>元</li>
				</ul>
				<?php }?>
			</div>
			
			<!-- 商品价格总计 -->
			<div class="count">
				<div class="money">
					共：<span style="color:orange;"><?php echo $_SESSION['cart']['total_rows']?></span>件 <br>
					金额共计：<span><?php echo $_SESSION['cart']['total']?></span>元 <br>
					配送费：<span>5</span>元
					<p>应付总额:<span><?php echo $_SESSION['cart']['total']+5?></span>元</p>
				</div>
				<div class="btn">
					<a href="javascript:void(0);" class="b2" title="立即下单">立即下单</a>
				</div>
			</div>
		</div>


		</div>
	</div>
<!-- 公共底部部分开始 -->
	 <!-- 7天无理由退货部分 -->
		<div id="ser">
			<div class="ser">
				<div class="li">
					<i>7</i><span>7天无理由退货</span>
				</div>
				<div class="li">
					<i>15</i><span>15天免费换货</span>
				</div>
				<div class="li lin">
					<i>包</i><span>7满99元包邮</span>
				</div>
			</div>
		</div>

<br>
		<div id="footer">
	         <div class="ft">
	         		<br>
	         		<br>
	         		<br>
	              <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>
	         </div>
        </div>
</body>
</html>